<!doctype html>
<html>

<head>
	<meta charset="UTF-8">
	<title></title>
	<meta name="viewport" content="viewport-fit=cover,width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" />
	<link href="../../../css/mui.min.css" rel="stylesheet" />
	<link rel="stylesheet" type="text/css" href="../../../css/reset.css" />
	<link rel="stylesheet" type="text/css" href="../../../css/member.css" />
	<link rel="stylesheet" type="text/css" href="../../../js/minirefresh/minirefresh.min.css" />
	<link rel="stylesheet" type="text/css" href="../../../js/minirefresh/common.css" />
	<style>
		.mui-fullscreen { top: 84px!important;}
		.mui-fullscreen .mui-segmented-control~.mui-slider-group{ top: 0; background: #FAFAFF;}
		.minirefresh-scroll{ background: #FAFAFF;}
	</style>
</head>

<body>
	<header class="mui-bar mui-bar-nav bxn1">
		<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		<h1 class="mui-title">收藏</h1>
	</header>

	<div class="content getHeight" id="collection_lists">
		<div id="slider" class="mui-content mui-slider mui-fullscreen">
			<div class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted collectTab">
				<a class="mui-control-item" tab-index="1" @tap="select_tap($event)" :class="(tabIndex == 1) ? 'mui-active' : ''">文章<em></em></a>
				<a class="mui-control-item" tab-index="2" @tap="select_tap($event)" :class="(tabIndex == 2) ? 'mui-active' : ''">课程<em></em></a>
				<a class="mui-control-item" tab-index="3" @tap="select_tap($event)" :class="(tabIndex == 3) ? 'mui-active' : ''" v-if="auditStatus == 'yes'">电子书<em></em></a>
				<a class="mui-control-item" tab-index="4" @tap="select_tap($event)" :class="(tabIndex == 4) ? 'mui-active' : ''">商品<em></em></a>
			</div>

			<div class="mui-slider-group">

				<div class="noData" v-show="dataUlList == 1">
					<div class="result">
						<p class="result_pic"><img src="../../../images/noProducts.png" alt="" /></p>
						<p class="result_txt">暂无数据~</p>
					</div>
				</div>

				<div v-show="tabIndex == 1 && dataUlList == 0" class="mui-slider-item mui-control-content">
					<div id="minirefresh1" class="minirefresh-wrap">
						<div class="minirefresh-scroll news_nr newsList">
							<ul class="data-list">
								<li class="mui-table-view-cell" v-for="val in articleList" @tap="favorite_news(val.id)">
									<h4>{{val.title}}</h4>
									<p class="time">{{val.updatetime}}</p>
								</li>
							</ul>
						</div>
					</div>
				</div>

				<div v-show="tabIndex == 2 && dataUlList == 0" class="mui-slider-item mui-control-content">
					<div id="minirefresh2" class="minirefresh-wrap">
						<div class="minirefresh-scroll course_nr">
							<ul class="data-list mui-table-view">
								<li class="mui-table-view-cell mui-media course_list" v-for="val in courseList" v-if="auditStatus == 'yes'" @tap="favorite_course(val.id)">
									<img class="mui-media-object mui-pull-left course_pic" :src="val.largePicture">
									<div class="mui-media-body course_rtxt">
										<h4 v-cloak class="ellipsis2">{{val.title}}</h4>
										<p class="person_price">
											<span class="courseStudy"><i class="mui-icon mui-icon-people"></i> {{val.studentNum}}</span>
											<span v-if="val.isFree == 0" class="coursePrice"><em>￥</em>{{val.price}}</span>
											<span v-if="val.isFree == 1" class="coursePrice">免费</span>
										</p>
									</div>
								</li>
							</ul>
						</div>
					</div>
				</div>

				<div v-show="tabIndex == 3 && dataUlList == 0" class="mui-slider-item mui-control-content">
					<div id="minirefresh3" class="minirefresh-wrap">
						<div class="minirefresh-scroll read_nr eBookList">
							<ul class="data-list">
								<li class="mui-table-view-cell mui-media xsrd_list" v-for="val in ebookList" v-if="auditStatus == 'yes'" @tap="open_ebook_detai(val.id)">
									<img class="mui-media-object mui-pull-left xsrd_pic" :src="val.thumb">
									<div class="mui-media-body book_rtxt">
										<h4 v-cloak class="ellipsis2 read_tt">{{val.title}}</h4>
										<p class="timePerson ellipsis2">{{val.oneWords}}</p>
										<p class="xs_person_price">
											<span class="courseStudy"><i class="mui-icon mui-icon-people"></i> {{val.views}}</span>
											<span v-if="val.price > 0" class="coursePrice"><em>￥</em>{{val.price}}</span>
											<span v-if="val.price == 0" class="coursePrice">免费</span>
										</p>
									</div>
								</li>
							</ul>
						</div>
					</div>
				</div>

				<div v-show="tabIndex == 4 && dataUlList == 0" class="mui-slider-item mui-control-content">
					<div id="minirefresh4" class="minirefresh-wrap">
						<div class="minirefresh-scroll product_show mallList">
							<ul class="data-list">
								<li class="mui-table-view-cell p0" v-for="val in shopList" @tap="favorite_mallList(val.id)">
									<span><img :src="val.image_cover" /></span>
									<span class="product_ms ellipsis2">{{val.title}}</span>
									<span class="product_price"><em>￥</em>{{val.price}}</span>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<script src="../../../js/mui.min.js"></script>
	<script type="text/javascript" src="../../../js/jquery.min.js"></script>
	<script src="../../../js/minirefresh/minirefresh.min.js"></script>
	<script type="text/javascript" src="../../../js/h.min.js"></script>
	<script type="text/javascript" src="../../../js/tpl/collection.js"></script>
	<script src="../../../js/vue.js"></script>
	<script src="../../../js/public.js"></script>
</body>

</html>